<template>
  <div class="personal-box">
    <div class="menu">
      <router-link to="/personal/order">我的订单</router-link>
      <router-link to="/personal/address">我的地址</router-link>
    </div>
    <div class="content">
      <!-- 匹配二级路由的容器 -->
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  name: "PersonalPage",
  created() {
    console.log(this.$router);
    console.log(this.$route);
  },
};
</script>

<style lang="less" scoped>
.personal-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;

  .menu {
    a {
      display: block;
    }
  }
}
</style>